<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>影印件列表展现</title>

		<link type="text/css" media="all" rel="stylesheet" href="/resources/TosRUsmaster/src/css/viewer/viewer.css" />

		<link rel="Shortcut Icon" href="/images/favicon.ico" />
		<link rel="Bookmark" href="/images/favicon.ico" />

		<script type="text/javascript" src="/resources/TosRUsmaster/lib/jquery.min.js"></script>
		<script type="text/javascript" language="javascript" src="/resources/TosRUsmaster/src/css/viewer/viewer.js">
		</script>
		<style type="text/css">
			ul {
				list-style: none;
				margin: 0px;
				padding: 10px 50px;
				width: 100%;

			}

			ul::after {
				content: "";
				display: block;
				clear: both;
			}

			#ul_piclist li {
				margin-right: 15px;
			}

			#ul_piclist li img {
				width: 200px;

			}

			#appendix {
				padding: 10px 50px;
				width: 100%;
			}

			#appendix .item {
				width: 200px;
				height: 300px;
				display: block;
				padding-top: 200px;
				box-sizing: border-box;
				text-align: center;
				background-repeat: no-repeat;
				background-position: top left;
				float: left;
				font-size: 10px;
				margin-right: 15px;
			}

			#appendix::after {
				content: "";
				display: block;
				clear: both;
			}

			#appendix .pdf {
				background-image: url("../images/pdf.png");
			}

			#appendix .PDF {
				background-image: url("../images/pdf.png");
			}

			#appendix .word {
				background-image: url("../images/word.png");
			}

			#appendix .excel {
				background-image: url("../images/Excel.png");
			}

			#appendix .ppt {
				background-image: url("../images/ppt.png");
			}

			#appendix .zip {
				background-image: url("../images/zip.png");
			}

			.clear {
				clear: both;
			}
		</style>
	</head>
	<body>

		<div id="wrapper" style="position: relative;">
			<section>
				<!-- 申请人上传附件 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">申请人上传附件</a>
					<ul id="ul_piclist" class="id_inner">


						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单申请-陈淮芹(202100012)-11.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单申请-陈淮芹(202100012)-11.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单申请-陈淮芹(202100012)-Jellyfish.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单申请-陈淮芹(202100012)-Jellyfish.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单申请-陈淮芹(202100012)-Lighthouse.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单申请-陈淮芹(202100012)-Lighthouse.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单申请-陈淮芹(202100012)-Penguins.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单申请-陈淮芹(202100012)-Penguins.jpg</a>

						</li>


					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
				<!--中匠请示审批会签人1  -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">会签人1上传附件</a>
					<ul id="ul_piclist_hq01" class="id_inner">


						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单会签人1-卞刚(202100016)-Penguins.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单会签人1-卞刚(202100016)-Penguins.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单会签人1-卞刚(202100016)-Tulips.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单会签人1-卞刚(202100016)-Tulips.jpg</a>

						</li>


					</ul>
					<div id="appendix">




						<a class="item" data-filename="请示单会签人1-卞刚(202100016)-关于集团产品中秋促销活动线下购买须知(1).docx"
							style="font-weight:bold;color:red;font-size: 10px;"
							href="/archives/downLoadFJ.action?FPATH=E:\UPLOAD\FJ\t_zhfw_zj_sq_qsspd\928f1f3e-6ed2-4f45-b92e-6e64f813aa8c\fj\请示单会签人1-卞刚(202100016)-关于集团产品中秋促销活动线下购买须知(1).docx"
							target="_blank">请示单会签人1-卞刚(202100016)-关于集团产品中秋促销活动线下购买须知(1).docx</a>

					</div>
				</div>
				<!-- 中匠请示审批会签人2 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">会签人2上传附件</a>
					<ul id="ul_piclist_hq02" class="id_inner">


						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单会签人2-曹季成(202100101)-Chrysanthemum.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单会签人2-曹季成(202100101)-Chrysanthemum.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单会签人2-曹季成(202100101)-Desert.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单会签人2-曹季成(202100101)-Desert.jpg</a>

						</li>


					</ul>
					<div id="appendix">




						<a class="item" data-filename="请示单会签人2-曹季成(202100101)-模版-加班申请表.xlsx"
							style="font-weight:bold;color:red;font-size: 10px;"
							href="/archives/downLoadFJ.action?FPATH=E:\UPLOAD\FJ\t_zhfw_zj_sq_qsspd\928f1f3e-6ed2-4f45-b92e-6e64f813aa8c\fj\请示单会签人2-曹季成(202100101)-模版-加班申请表.xlsx"
							target="_blank">请示单会签人2-曹季成(202100101)-模版-加班申请表.xlsx</a>

					</div>
				</div>
				<!-- 中匠请示审批会签人3 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">会签3上传附件</a>
					<ul id="ul_piclist_hq03" class="id_inner">


						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单会签人3-沈磊(202100055)-Chrysanthemum.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单会签人3-沈磊(202100055)-Chrysanthemum.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单会签人3-沈磊(202100055)-Desert.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单会签人3-沈磊(202100055)-Desert.jpg</a>

						</li>


					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
				<!-- 中匠请示审批会签人4 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">会签4上传附件</a>
					<ul id="ul_piclist_hq04" class="id_inner">

						暂无图片资料！



					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
				<!-- 中匠请示审批会签人5 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">会签5上传附件</a>
					<ul id="ul_piclist_hq05" class="id_inner">

						暂无图片资料！



					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
				<!-- 中匠请示审批转签人1 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">转签人1上传附件</a>
					<ul id="ul_piclist_zq01" class="id_inner">


						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单转签人1-陈日平(202100005)-Desert.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单转签人1-陈日平(202100005)-Desert.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单转签人1-陈日平(202100005)-Penguins.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单转签人1-陈日平(202100005)-Penguins.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单转签人1-陈日平(202100005)-Tulips.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单转签人1-陈日平(202100005)-Tulips.jpg</a>

						</li>


					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
				<!-- 中匠请示审批转签人2 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">转签人2上传附件</a>
					<ul id="ul_piclist_zq02" class="id_inner">


						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单转签人2-孙云(202100011)-21.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单转签人2-孙云(202100011)-21.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单转签人2-孙云(202100011)-Penguins.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单转签人2-孙云(202100011)-Penguins.jpg</a>

						</li>

						<li style="float: left;">
							<img src="/archives/showPF_p.action?TNAME=t_zhfw_zj_sq_qsspd&keyvalue=928f1f3e-6ed2-4f45-b92e-6e64f813aa8c&ftype=fj&filename=请示单转签人2-孙云(202100011)-Tulips.jpg"
								width=100 height=100>
							<br><a class="item" style="font-weight:bold;color:red;font-size: 10px;"
								target="_blank">请示单转签人2-孙云(202100011)-Tulips.jpg</a>

						</li>


					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
				<!-- 中匠请示审批转签人3 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">转签人3上传附件</a>
					<ul id="ul_piclist_zq03" class="id_inner">

						暂无图片资料！



					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
				<!-- 中匠请示审批转签人4 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">转签人4上传附件</a>
					<ul id="ul_piclist_zq04" class="id_inner">

						暂无图片资料！



					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
				<!-- 中匠请示审批转签人5 -->
				<div id="example-1" class="thumbs"><a class="item"
						style="font-weight:bold;color:#1f2fed;font-size: 20px;" target="_blank">转签人5上传附件</a>
					<ul id="ul_piclist_zq05" class="id_inner">

						暂无图片资料！



					</ul>
					<div id="appendix">


						暂无附件资料！


					</div>
				</div>
			</section>
		</div>
	</body>

	<script type="text/javascript">
		$(function() {
			$('#ul_piclist').viewer();
			$('#ul_piclist_hq01').viewer();
			$('#ul_piclist_hq02').viewer();
			$('#ul_piclist_hq03').viewer();
			$('#ul_piclist_hq04').viewer();
			$('#ul_piclist_hq05').viewer();
			$('#ul_piclist_zq01').viewer();
			$('#ul_piclist_zq02').viewer();
			$('#ul_piclist_zq03').viewer();
			$('#ul_piclist_zq04').viewer();
			$('#ul_piclist_zq05').viewer();

			//动态添加附加图片附件
			$("#appendix a").each(function() {
				if ($(this).data("filename").indexOf(".pdf") > 0 || $(this).data("filename").indexOf(".PDF") >
					0) {
					$(this).addClass("pdf");
				} else if ($(this).data("filename").indexOf(".docx") > 0 || $(this).data("filename").indexOf(
						".doc") > 0) {
					$(this).addClass("word");
				} else if ($(this).data("filename").indexOf(".xls") > 0 || $(this).data("filename").indexOf(
						".xlsx") > 0 || $(this).data("filename").indexOf(".xlsm") > 0) {
					$(this).addClass("excel");
				} else if ($(this).data("filename").indexOf(".pptx") > 0) {
					$(this).addClass("ppt");
				} else if ($(this).data("filename").indexOf(".zip") > 0 || $(this).data("filename").indexOf(
						".7z") > 0 || $(this).data("filename").indexOf(".rar") > 0) {
					$(this).addClass("zip");
				}
			})
		});
	</script>
	<script type="text/javascript">
		var test = document.getElementsByClassName('id_inner');
		for (var i = 0; i < test.length; i++) {
			var p = test[i].parentNode;
			if (p.getElementsByTagName('li').length == 0) {
				p.style.display = 'none';
			}
		}
	</script>
</html>
